<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档的加载</title>
</head>
<body>
    
    <!-- 
        浏览器在加载一个页面时，是按照自上向下的顺序加载的，
        读取到一行就运行一行

        如果将script标签写到页面的上边，在代码执行时，页面还没有加载
        将js代码写到下面，可以等页面加载完再执行

        window.onload：该事件对应的响应函数将会在页面加载完成之后执行，可以确保所有的DOM加载完成之后执行

     -->
    
    <button id="btn">点我一下！</button>

</body>

<script type="text/javascript">

    var btn = document.getElementById('btn');
    console.log(btn.innerHTML);

    btn.onclick = function onClick(params) {
        alert("hello!");
    }

</script>

</html>